$(function () {
  // 图表1
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('c1'));

  // 指定图表的配置项和数据
  var option = {
    title: {
      text: '2019年上半年注册人数'
    },
    tooltip: {},
    legend: {
      data: ['人数']
    },
    xAxis: {
      data: ["一月", "二月", "三月", "四月", "五月", "六月"]
    },
    yAxis: {},
    series: [{
      name: '人数',
      type: 'bar',
      data: [115, 220, 316, 150, 108, 230]
    }]
  };
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);

  // 图表2
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('c2'));

  // 指定图表的配置项和数据
  option = {
    title: {
      text: '热门品牌销售',
      subtext: '2019年上半年',
      x: 'center'
    },
    tooltip: {
      trigger: 'item',
      formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
      orient: 'vertical',
      left: 'left',
      data: ['阿迪王', '耐克', '杰克琼斯', '香奈儿', 'adibas']
    },
    series: [
      {
        name: '访问来源',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        data: [
          { value: 335, name: '阿迪王' },
          { value: 310, name: '耐克' },
          { value: 234, name: '杰克琼斯' },
          { value: 135, name: '香奈儿' },
          { value: 1548, name: 'adibas' }
        ],
        itemStyle: {
          emphasis: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  };

  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);

})